<script setup lang="ts">
import { ref, computed, watch, type Ref } from "vue";
import { useAppStoreHook } from "@/store/modules/app";
import {
  delay,
  useDark,
  useECharts,
  type EchartOptions
} from "@pureadmin/utils";
import * as echarts from "echarts/core";

const { isDark } = useDark();

const theme: EchartOptions["theme"] = computed(() => {
  return isDark.value ? "dark" : "light";
});

const barChartRef = ref<HTMLDivElement | null>(null);
const { setOptions, resize } = useECharts(barChartRef as Ref<HTMLDivElement>, {
  theme
});

setOptions({
  xAxis: {
    type: "category",
    data: ["一月", "二月", "三月", "四月", "五月", "六月"]
  },
  yAxis: {
    type: "value"
  },
  series: [
    {
      data: [
        70,
        80,
        {
          value: 110,
          itemStyle: {
            color: "#a90000"
          }
        },
        {
          value: 108,
          itemStyle: {
            color: "#a90000"
          }
        },
        88,
        89
      ],
      type: "bar"
    }
  ]
});

watch(
  () => useAppStoreHook().getSidebarStatus,
  () => {
    delay(600).then(() => resize());
  }
);
</script>

<template>
  <div ref="barChartRef" style="width: 100%; height: 35vh" />
  <div class="mt-0">
    <p>
      <span style="font-weight: 800">健康 ：</span><br />
      1、2023年6月的健康评估报告显示，陈先生的心率和心律变异在过去的半年内大致稳定，但在<span
        style="font-weight: 800; color: #2b8ae3"
        >2023年3月和4月出现了心率过高和心律不齐</span
      >的情况，可能是由于工作压力、生活压力或其他健康问题导致。<br />
      <span style="font-weight: 800">个性化建议列表：</span><br />
      1、生活习惯改变：建议陈先生尽可能减少工作压力和生活压力，避免熬夜，保持足够的睡眠，保证有足够的休息时间。<br />
      2、运动建议：建议陈先生每天进行<span
        style="font-weight: 800; color: #2b8ae3"
        >至少30分钟</span
      >的中等强度的有氧运动，如快走、慢跑、游泳等，以帮助提高心肺功能，稳定心率。<br />
      3、饮食控制：建议陈先生控制盐分和油脂的摄入，多吃蔬菜和水果，避免高糖、高脂食物，以保持心血管健康。<br />
      4、定期检查：由于陈先生已经出现了心率和心律异常，建议他定期进行心电图检查和全面的健康检查，以早期发现和预防可能的健康问题。
    </p>
  </div>
</template>
